@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}

@-webkit-keyframes phoneRotate { from, to {
-webkit-transform:none;
transform:none
}
20% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
40% {
-webkit-transform:rotate(10deg);
transform:rotate(10deg)
}
60% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
80% {
-webkit-transform:rotate(10deg);
transform:rotate(10deg)
}
}
@-moz-keyframes phoneRotate { from, to {
-webkit-transform:none;
-moz-transform:none;
transform:none
}
20% {
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
transform:rotate(-10deg)
}
40% {
-webkit-transform:rotate(10deg);
-moz-transform:rotate(10deg);
transform:rotate(10deg)
}
60% {
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
transform:rotate(-10deg)
}
80% {
-webkit-transform:rotate(10deg);
-moz-transform:rotate(10deg);
transform:rotate(10deg)
}
}
@keyframes phoneRotate { from, to {
-webkit-transform:none;
-moz-transform:none;
transform:none
}
20% {
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
transform:rotate(-10deg)
}
40% {
-webkit-transform:rotate(10deg);
-moz-transform:rotate(10deg);
transform:rotate(10deg)
}
60% {
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
transform:rotate(-10deg)
}
80% {
-webkit-transform:rotate(10deg);
-moz-transform:rotate(10deg);
transform:rotate(10deg)
}
}
@-webkit-keyframes phoneJump { from, to {
-webkit-transform:none;
transform:none
}
50% {
-webkit-transform:translate(0, -7px);
transform:translate(0, -7px)
}
}
@-moz-keyframes phoneJump { from, to {
-webkit-transform:none;
-moz-transform:none;
transform:none
}
50% {
-webkit-transform:translate(0, -7px);
-moz-transform:translate(0, -7px);
transform:translate(0, -7px)
}
}
@keyframes phoneJump { from, to {
-webkit-transform:none;
-moz-transform:none;
transform:none
}
50% {
-webkit-transform:translate(0, -7px);
-moz-transform:translate(0, -7px);
transform:translate(0, -7px)
}
}
@-webkit-keyframes _cyLogoShow { 0% {
background:-webkit-linear-gradient(330deg, transparent -15%, rgba(255,255,255,.5), transparent 15%);
background:linear-gradient(120deg, transparent -15%, rgba(255,255,255,.5), transparent 15%)
}
10% {
background:-webkit-linear-gradient(330deg, transparent -5%, rgba(255,255,255,.5), transparent 25%);
background:linear-gradient(120deg, transparent -5%, rgba(255,255,255,.5), transparent 25%)
}
20% {
background:-webkit-linear-gradient(330deg, transparent 5%, rgba(255,255,255,.5), transparent 35%);
background:linear-gradient(120deg, transparent 5%, rgba(255,255,255,.5), transparent 35%)
}
30% {
background:-webkit-linear-gradient(330deg, transparent 15%, rgba(255,255,255,.5), transparent 45%);
background:linear-gradient(120deg, transparent 15%, rgba(255,255,255,.5), transparent 45%)
}
40% {
background:-webkit-linear-gradient(330deg, transparent 25%, rgba(255,255,255,.5), transparent 55%);
background:linear-gradient(120deg, transparent 25%, rgba(255,255,255,.5), transparent 55%)
}
50% {
background:-webkit-linear-gradient(330deg, transparent 35%, rgba(255,255,255,.5), transparent 65%);
background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,.5), transparent 65%)
}
60% {
background:-webkit-linear-gradient(330deg, transparent 45%, rgba(255,255,255,.5), transparent 75%);
background:linear-gradient(120deg, transparent 45%, rgba(255,255,255,.5), transparent 75%)
}
70% {
background:-webkit-linear-gradient(330deg, transparent 55%, rgba(255,255,255,.5), transparent 85%);
background:linear-gradient(120deg, transparent 55%, rgba(255,255,255,.5), transparent 85%)
}
80% {
background:-webkit-linear-gradient(330deg, transparent 65%, rgba(255,255,255,.5), transparent 95%);
background:linear-gradient(120deg, transparent 65%, rgba(255,255,255,.5), transparent 95%)
}
90% {
background:-webkit-linear-gradient(330deg, transparent 75%, rgba(255,255,255,.5), transparent 105%);
background:linear-gradient(120deg, transparent 75%, rgba(255,255,255,.5), transparent 105%)
}
100% {
background:-webkit-linear-gradient(330deg, transparent 85%, rgba(255,255,255,.5), transparent 115%);
background:linear-gradient(120deg, transparent 85%, rgba(255,255,255,.5), transparent 115%)
}
}
@-moz-keyframes _cyLogoShow { 0% {
background:-moz-linear-gradient(330deg, transparent -15%, rgba(255,255,255,.5), transparent 15%);
background:linear-gradient(120deg, transparent -15%, rgba(255,255,255,.5), transparent 15%)
}
10% {
background:-moz-linear-gradient(330deg, transparent -5%, rgba(255,255,255,.5), transparent 25%);
background:linear-gradient(120deg, transparent -5%, rgba(255,255,255,.5), transparent 25%)
}
20% {
background:-moz-linear-gradient(330deg, transparent 5%, rgba(255,255,255,.5), transparent 35%);
background:linear-gradient(120deg, transparent 5%, rgba(255,255,255,.5), transparent 35%)
}
30% {
background:-moz-linear-gradient(330deg, transparent 15%, rgba(255,255,255,.5), transparent 45%);
background:linear-gradient(120deg, transparent 15%, rgba(255,255,255,.5), transparent 45%)
}
40% {
background:-moz-linear-gradient(330deg, transparent 25%, rgba(255,255,255,.5), transparent 55%);
background:linear-gradient(120deg, transparent 25%, rgba(255,255,255,.5), transparent 55%)
}
50% {
background:-moz-linear-gradient(330deg, transparent 35%, rgba(255,255,255,.5), transparent 65%);
background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,.5), transparent 65%)
}
60% {
background:-moz-linear-gradient(330deg, transparent 45%, rgba(255,255,255,.5), transparent 75%);
background:linear-gradient(120deg, transparent 45%, rgba(255,255,255,.5), transparent 75%)
}
70% {
background:-moz-linear-gradient(330deg, transparent 55%, rgba(255,255,255,.5), transparent 85%);
background:linear-gradient(120deg, transparent 55%, rgba(255,255,255,.5), transparent 85%)
}
80% {
background:-moz-linear-gradient(330deg, transparent 65%, rgba(255,255,255,.5), transparent 95%);
background:linear-gradient(120deg, transparent 65%, rgba(255,255,255,.5), transparent 95%)
}
90% {
background:-moz-linear-gradient(330deg, transparent 75%, rgba(255,255,255,.5), transparent 105%);
background:linear-gradient(120deg, transparent 75%, rgba(255,255,255,.5), transparent 105%)
}
100% {
background:-moz-linear-gradient(330deg, transparent 85%, rgba(255,255,255,.5), transparent 115%);
background:linear-gradient(120deg, transparent 85%, rgba(255,255,255,.5), transparent 115%)
}
}
@keyframes _cyLogoShow { 0% {
background:-webkit-linear-gradient(330deg, transparent -15%, rgba(255,255,255,.5), transparent 15%);
background:-moz-linear-gradient(330deg, transparent -15%, rgba(255,255,255,.5), transparent 15%);
background:linear-gradient(120deg, transparent -15%, rgba(255,255,255,.5), transparent 15%)
}
10% {
background:-webkit-linear-gradient(330deg, transparent -5%, rgba(255,255,255,.5), transparent 25%);
background:-moz-linear-gradient(330deg, transparent -5%, rgba(255,255,255,.5), transparent 25%);
background:linear-gradient(120deg, transparent -5%, rgba(255,255,255,.5), transparent 25%)
}
20% {
background:-webkit-linear-gradient(330deg, transparent 5%, rgba(255,255,255,.5), transparent 35%);
background:-moz-linear-gradient(330deg, transparent 5%, rgba(255,255,255,.5), transparent 35%);
background:linear-gradient(120deg, transparent 5%, rgba(255,255,255,.5), transparent 35%)
}
30% {
background:-webkit-linear-gradient(330deg, transparent 15%, rgba(255,255,255,.5), transparent 45%);
background:-moz-linear-gradient(330deg, transparent 15%, rgba(255,255,255,.5), transparent 45%);
background:linear-gradient(120deg, transparent 15%, rgba(255,255,255,.5), transparent 45%)
}
40% {
background:-webkit-linear-gradient(330deg, transparent 25%, rgba(255,255,255,.5), transparent 55%);
background:-moz-linear-gradient(330deg, transparent 25%, rgba(255,255,255,.5), transparent 55%);
background:linear-gradient(120deg, transparent 25%, rgba(255,255,255,.5), transparent 55%)
}
50% {
background:-webkit-linear-gradient(330deg, transparent 35%, rgba(255,255,255,.5), transparent 65%);
background:-moz-linear-gradient(330deg, transparent 35%, rgba(255,255,255,.5), transparent 65%);
background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,.5), transparent 65%)
}
60% {
background:-webkit-linear-gradient(330deg, transparent 45%, rgba(255,255,255,.5), transparent 75%);
background:-moz-linear-gradient(330deg, transparent 45%, rgba(255,255,255,.5), transparent 75%);
background:linear-gradient(120deg, transparent 45%, rgba(255,255,255,.5), transparent 75%)
}
70% {
background:-webkit-linear-gradient(330deg, transparent 55%, rgba(255,255,255,.5), transparent 85%);
background:-moz-linear-gradient(330deg, transparent 55%, rgba(255,255,255,.5), transparent 85%);
background:linear-gradient(120deg, transparent 55%, rgba(255,255,255,.5), transparent 85%)
}
80% {
background:-webkit-linear-gradient(330deg, transparent 65%, rgba(255,255,255,.5), transparent 95%);
background:-moz-linear-gradient(330deg, transparent 65%, rgba(255,255,255,.5), transparent 95%);
background:linear-gradient(120deg, transparent 65%, rgba(255,255,255,.5), transparent 95%)
}
90% {
background:-webkit-linear-gradient(330deg, transparent 75%, rgba(255,255,255,.5), transparent 105%);
background:-moz-linear-gradient(330deg, transparent 75%, rgba(255,255,255,.5), transparent 105%);
background:linear-gradient(120deg, transparent 75%, rgba(255,255,255,.5), transparent 105%)
}
100% {
background:-webkit-linear-gradient(330deg, transparent 85%, rgba(255,255,255,.5), transparent 115%);
background:-moz-linear-gradient(330deg, transparent 85%, rgba(255,255,255,.5), transparent 115%);
background:linear-gradient(120deg, transparent 85%, rgba(255,255,255,.5), transparent 115%)
}
}
@-webkit-keyframes logoShow { from, to {
-webkit-transform:scale(1, 1);
transform:scale(1, 1)
}
25% {
-webkit-transform:scale(.9, 1.1);
transform:scale(.9, 1.1)
}
50% {
-webkit-transform:scale(1.1, .9);
transform:scale(1.1, .9)
}
75% {
-webkit-transform:scale(.95, 1.05);
transform:scale(.95, 1.05)
}
}
@-moz-keyframes logoShow { from, to {
-webkit-transform:scale(1, 1);
-moz-transform:scale(1, 1);
transform:scale(1, 1)
}
25% {
-webkit-transform:scale(.9, 1.1);
-moz-transform:scale(.9, 1.1);
transform:scale(.9, 1.1)
}
50% {
-webkit-transform:scale(1.1, .9);
-moz-transform:scale(1.1, .9);
transform:scale(1.1, .9)
}
75% {
-webkit-transform:scale(.95, 1.05);
-moz-transform:scale(.95, 1.05);
transform:scale(.95, 1.05)
}
}
@keyframes logoShow { from, to {
-webkit-transform:scale(1, 1);
-moz-transform:scale(1, 1);
transform:scale(1, 1)
}
25% {
-webkit-transform:scale(.9, 1.1);
-moz-transform:scale(.9, 1.1);
transform:scale(.9, 1.1)
}
50% {
-webkit-transform:scale(1.1, .9);
-moz-transform:scale(1.1, .9);
transform:scale(1.1, .9)
}
75% {
-webkit-transform:scale(.95, 1.05);
-moz-transform:scale(.95, 1.05);
transform:scale(.95, 1.05)
}
}
@-webkit-keyframes scaleUpDown { from {
-webkit-transform:scale(1.08);
transform:scale(1.08)
}
to { -webkit-transform: scale(1); transform: scale(1) }
}
@-moz-keyframes scaleUpDown { from {
-webkit-transform:scale(1.08);
-moz-transform:scale(1.08);
transform:scale(1.08)
}
to { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1) }
}
@keyframes scaleUpDown { from {
-webkit-transform:scale(1.08);
-moz-transform:scale(1.08);
transform:scale(1.08)
}
to { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1) }
}
@-webkit-keyframes fadeInUp { from {
opacity:0;
-webkit-transform:translate3d(0, 60px, 0);
transform:translate3d(0, 60px, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
@-moz-keyframes fadeInUp { from {
opacity:0;
-moz-transform:translate3d(0, 60px, 0);
transform:translate3d(0, 60px, 0)
}
to { opacity: 1; -moz-transform: none; transform: none }
}
@keyframes fadeInUp { from {
opacity:0;
-webkit-transform:translate3d(0, 60px, 0);
-moz-transform:translate3d(0, 60px, 0);
transform:translate3d(0, 60px, 0)
}
to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none }
}
@-webkit-keyframes lightSpeedIn { from {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
to { -webkit-transform: none; transform: none; opacity: 1 }
}
@-moz-keyframes lightSpeedIn { from {
-moz-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-moz-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-moz-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
to { -moz-transform: none; transform: none; opacity: 1 }
}
@keyframes lightSpeedIn { from {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
-moz-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
-moz-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
-moz-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
to { -webkit-transform: none; -moz-transform: none; transform: none; opacity: 1 }
}
@-webkit-keyframes fadeInDown { from {
opacity:0;
-webkit-transform:translate3d(0, -60px, 0);
transform:translate3d(0, -60px, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
@-moz-keyframes fadeInDown { from {
opacity:0;
-moz-transform:translate3d(0, -60px, 0);
transform:translate3d(0, -60px, 0)
}
to { opacity: 1; -moz-transform: none; transform: none }
}
@keyframes fadeInDown { from {
opacity:0;
-webkit-transform:translate3d(0, -60px, 0);
-moz-transform:translate3d(0, -60px, 0);
transform:translate3d(0, -60px, 0)
}
to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none }
}
@-webkit-keyframes fadeInRight { from {
opacity:0;
-webkit-transform:translate3d(60px, 0, 0);
transform:translate3d(60px, 0, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
@-moz-keyframes fadeInRight { from {
opacity:0;
-moz-transform:translate3d(60px, 0, 0);
transform:translate3d(60px, 0, 0)
}
to { opacity: 1; -moz-transform: none; transform: none }
}
@keyframes fadeInRight { from {
opacity:0;
-webkit-transform:translate3d(60px, 0, 0);
-moz-transform:translate3d(60px, 0, 0);
transform:translate3d(60px, 0, 0)
}
to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none }
}
@-webkit-keyframes fadeInLeft { from {
opacity:0;
-webkit-transform:translate3d(-60px, 0, 0);
transform:translate3d(-60px, 0, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
@-moz-keyframes fadeInLeft { from {
opacity:0;
-moz-transform:translate3d(-60px, 0, 0);
transform:translate3d(-60px, 0, 0)
}
to { opacity: 1; -moz-transform: none; transform: none }
}
@keyframes fadeInLeft { from {
opacity:0;
-webkit-transform:translate3d(-60px, 0, 0);
-moz-transform:translate3d(-60px, 0, 0);
transform:translate3d(-60px, 0, 0)
}
to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none }
}
@-webkit-keyframes reveal-v { 0% {
-webkit-transform:scaleY(0);
transform:scaleY(0)
}
50% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:0 0 0;
transform-origin:0 0 0
}
51% {
-webkit-transform-origin:50% 100% 0;
transform-origin:50% 100% 0
}
100% {
-webkit-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:50% 100% 0;
transform-origin:50% 100% 0
}
}
@-moz-keyframes reveal-v { 0% {
-moz-transform:scaleY(0);
transform:scaleY(0)
}
50% {
-moz-transform:scaleY(1);
transform:scaleY(1);
-moz-transform-origin:0 0 0;
transform-origin:0 0 0
}
51% {
-moz-transform-origin:50% 100% 0;
transform-origin:50% 100% 0
}
100% {
-moz-transform:scaleY(0);
transform:scaleY(0);
-moz-transform-origin:50% 100% 0;
transform-origin:50% 100% 0
}
}
@keyframes reveal-v { 0% {
-webkit-transform:scaleY(0);
-moz-transform:scaleY(0);
transform:scaleY(0)
}
50% {
-webkit-transform:scaleY(1);
-moz-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:0 0 0;
-moz-transform-origin:0 0 0;
transform-origin:0 0 0
}
51% {
-webkit-transform-origin:50% 100% 0;
-moz-transform-origin:50% 100% 0;
transform-origin:50% 100% 0
}
100% {
-webkit-transform:scaleY(0);
-moz-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:50% 100% 0;
-moz-transform-origin:50% 100% 0;
transform-origin:50% 100% 0
}
}
@-webkit-keyframes reveal-l { 0% {
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
50% {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:0 0 0;
transform-origin:0 0 0
}
51% {
-webkit-transform-origin:100% 50% 0;
transform-origin:100% 50% 0
}
100% {
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:100% 50% 0;
transform-origin:100% 50% 0
}
}
@-moz-keyframes reveal-l { 0% {
-moz-transform:scaleX(0);
transform:scaleX(0)
}
50% {
-moz-transform:scaleX(1);
transform:scaleX(1);
-moz-transform-origin:0 0 0;
transform-origin:0 0 0
}
51% {
-moz-transform-origin:100% 50% 0;
transform-origin:100% 50% 0
}
100% {
-moz-transform:scaleX(0);
transform:scaleX(0);
-moz-transform-origin:100% 50% 0;
transform-origin:100% 50% 0
}
}
@keyframes reveal-l { 0% {
-webkit-transform:scaleX(0);
-moz-transform:scaleX(0);
transform:scaleX(0)
}
50% {
-webkit-transform:scaleX(1);
-moz-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:0 0 0;
-moz-transform-origin:0 0 0;
transform-origin:0 0 0
}
51% {
-webkit-transform-origin:100% 50% 0;
-moz-transform-origin:100% 50% 0;
transform-origin:100% 50% 0
}
100% {
-webkit-transform:scaleX(0);
-moz-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:100% 50% 0;
-moz-transform-origin:100% 50% 0;
transform-origin:100% 50% 0
}
}
@-webkit-keyframes hide-lr { 0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
}
@-moz-keyframes hide-lr { 0% {
opacity:1;
-moz-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-moz-transform:translateX(30px);
transform:translateX(30px)
}
}
@keyframes hide-lr { 0% {
opacity:1;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(30px);
-moz-transform:translateX(30px);
transform:translateX(30px)
}
}
@-webkit-keyframes hide-dt { 0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
}
@-moz-keyframes hide-dt { 0% {
opacity:1;
-moz-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-moz-transform:translateY(30px);
transform:translateY(30px)
}
}
@keyframes hide-dt { 0% {
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(30px);
-moz-transform:translateY(30px);
transform:translateY(30px)
}
}
@-webkit-keyframes hide-dt-f { 0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
}
@-moz-keyframes hide-dt-f { 0% {
opacity:1;
-moz-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-moz-transform:translateY(-30px);
transform:translateY(-30px)
}
}
@keyframes hide-dt-f { 0% {
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-30px);
-moz-transform:translateY(-30px);
transform:translateY(-30px)
}
}
@-webkit-keyframes increaseHeight { to {
width:100%
}
from { width: 0 }
}
@-moz-keyframes increaseHeight { to {
width:100%
}
from { width: 0 }
}
@keyframes increaseHeight { to {
width:100%
}
from { width: 0 }
}
@-webkit-keyframes tbfade { 0% {
-webkit-transform:translateY(-10%);
transform:translateY(-10%);
opacity:1
}
100% {
-webkit-transform:translateY(10%);
transform:translateY(10%);
opacity:0
}
}
@-moz-keyframes tbfade { 0% {
-moz-transform:translateY(-10%);
transform:translateY(-10%);
opacity:1
}
100% {
-moz-transform:translateY(10%);
transform:translateY(10%);
opacity:0
}
}
@keyframes tbfade { 0% {
-webkit-transform:translateY(-10%);
-moz-transform:translateY(-10%);
transform:translateY(-10%);
opacity:1
}
100% {
-webkit-transform:translateY(10%);
-moz-transform:translateY(10%);
transform:translateY(10%);
opacity:0
}
}
@media screen and (min-width:1025px) {
.scapic:hover img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transform: scale(1.1) }
.transY { -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px); opacity: 0; visibility: hidden }
.transYF { -webkit-transform: translateY(-60px); -moz-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); opacity: 0; visibility: hidden }
.transX { -webkit-transform: translateX(60px); -moz-transform: translateX(60px); -ms-transform: translateX(60px); transform: translateX(60px); opacity: 0; visibility: hidden }
.transXF { -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); -ms-transform: translateX(-60px); transform: translateX(-60px); opacity: 0; visibility: hidden }
.active .transX, .active .transXF, .active .transY, .active .transYF { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); transform: translate(0); opacity: 1; visibility: visible }
.trans { -webkit-transition: .7s ease-out; -moz-transition: .7s ease-out; transition: .7s ease-out }
.dly-1 { -webkit-transition-delay: .1s; -moz-transition-delay: .1s; transition-delay: .1s }
.dly-2 { -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s }
.dly-3 { -webkit-transition-delay: .3s; -moz-transition-delay: .3s; transition-delay: .3s }
.dly-4 { -webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s }
.dly-5 { -webkit-transition-delay: .5s; -moz-transition-delay: .5s; transition-delay: .5s }
.dly-6 { -webkit-transition-delay: .6s; -moz-transition-delay: .6s; transition-delay: .6s }
.dly-7 { -webkit-transition-delay: .7s; -moz-transition-delay: .7s; transition-delay: .7s }
.dly-8 { -webkit-transition-delay: .8s; -moz-transition-delay: .8s; transition-delay: .8s }
.dly-9 { -webkit-transition-delay: .9s; -moz-transition-delay: .9s; transition-delay: .9s }
.dly-10 { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s }
.dly-11 { -webkit-transition-delay: 1.1s; -moz-transition-delay: 1.1s; transition-delay: 1.1s }
.dly-12 { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; transition-delay: 1.2s }
.active .am-lsi { -webkit-animation: lightSpeedIn .8s both; -moz-animation: lightSpeedIn .8s both; animation: lightSpeedIn .8s both }
.active .am-fiu { -webkit-animation: fadeInUp .8s both; -moz-animation: fadeInUp .8s both; animation: fadeInUp .8s both }
.active .am-fid { -webkit-animation: fadeInDown .8s both; -moz-animation: fadeInDown .8s both; animation: fadeInDown .8s both }
.active .am-fir { -webkit-animation: fadeInRight .8s both; -moz-animation: fadeInRight .8s both; animation: fadeInRight .8s both }
.active .am-fil { -webkit-animation: fadeInLeft .8s both; -moz-animation: fadeInLeft .8s both; animation: fadeInLeft .8s both }
.active .am-rvv { position: relative }
.active .am-rvv:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-animation: reveal-v 2s .2s cubic-bezier(0, 0, .2, 1) both; -moz-animation: reveal-v 2s .2s cubic-bezier(0, 0, .2, 1) both; animation: reveal-v 2s .2s cubic-bezier(0, 0, .2, 1) both }
.active .am-rvl { position: relative }
.active .am-rvl:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-animation: reveal-l 2s .2s cubic-bezier(0, 0, .2, 1) both; -moz-animation: reveal-l 2s .2s cubic-bezier(0, 0, .2, 1) both; animation: reveal-l 2s .2s cubic-bezier(0, 0, .2, 1) both }
.active .am-delay-1 { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; animation-delay: .1s }
.active .am-delay-2 { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; animation-delay: .2s }
.active .am-delay-3 { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; animation-delay: .3s }
.active .am-delay-4 { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; animation-delay: .4s }
.active .am-delay-5 { -webkit-animation-delay: .5s; -moz-animation-delay: .5s; animation-delay: .5s }
.active .am-delay-6 { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; animation-delay: .6s }
.active .am-delay-7 { -webkit-animation-delay: .7s; -moz-animation-delay: .7s; animation-delay: .7s }
.active .am-delay-8 { -webkit-animation-delay: .8s; -moz-animation-delay: .8s; animation-delay: .8s }
.active .am-delay-9 { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; animation-delay: .9s }
.active .am-delay-10 { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s }
.active .am-delay-11 { -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; animation-delay: 1.1s }
.active .am-delay-12 { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s }
}
.bubbly-button:after, .bubbly-button:before { position: absolute; content: ""; display: block; width: 140%; height: 100%; left: -20%; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; transition: all ease-in-out .5s; background-repeat: no-repeat }
.bubbly-button:before { display: none; top: -75%; background-image: -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, transparent 20%, #0079c3 20%, transparent 30%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, transparent 10%, #0079c3 15%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%); background-image: -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, transparent 20%, #0079c3 20%, transparent 30%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, transparent 10%, #0079c3 15%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%); background-image: radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, transparent 20%, #0079c3 20%, transparent 30%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, transparent 10%, #0079c3 15%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%); background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18% }
.bubbly-button:after { display: none; bottom: -75%; background-image: -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, transparent 10%, #0079c3 15%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%); background-image: -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, transparent 10%, #0079c3 15%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%); background-image: radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, transparent 10%, #0079c3 15%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%); background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20% }
@-webkit-keyframes topBubbles { 0% {
background-position:5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%
}
50% {
background-position:0 80%, 0 20%, 10% 40%, 20% 0, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%
}
100% {
background-position:0 70%, 0 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
background-size:0 0, 0 0, 0 0, 0 0, 0 0, 0 0
}
}
@-moz-keyframes topBubbles { 0% {
background-position:5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%
}
50% {
background-position:0 80%, 0 20%, 10% 40%, 20% 0, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%
}
100% {
background-position:0 70%, 0 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
background-size:0 0, 0 0, 0 0, 0 0, 0 0, 0 0
}
}
@keyframes topBubbles { 0% {
background-position:5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%
}
50% {
background-position:0 80%, 0 20%, 10% 40%, 20% 0, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%
}
100% {
background-position:0 70%, 0 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
background-size:0 0, 0 0, 0 0, 0 0, 0 0, 0 0
}
}
@-webkit-keyframes bottomBubbles { 0% {
background-position:10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0
}
50% {
background-position:0 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0
}
100% {
background-position:0 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
background-size:0 0, 0 0, 0 0, 0 0, 0 0, 0 0
}
}
@-moz-keyframes bottomBubbles { 0% {
background-position:10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0
}
50% {
background-position:0 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0
}
100% {
background-position:0 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
background-size:0 0, 0 0, 0 0, 0 0, 0 0, 0 0
}
}
@keyframes bottomBubbles { 0% {
background-position:10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0
}
50% {
background-position:0 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0
}
100% {
background-position:0 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
background-size:0 0, 0 0, 0 0, 0 0, 0 0, 0 0
}
}



@-webkit-keyframes scrollDown { 0% {
-webkit-transform:translateY(-10%);
transform:translateY(-10%);
opacity:1
}
100% {
-webkit-transform:translateY(40%);
transform:translateY(40%);
opacity:0
}
}
@-moz-keyframes scrollDown { 0% {
-moz-transform:translateY(-10%);
transform:translateY(-10%);
opacity:1
}
100% {
-moz-transform:translateY(40%);
transform:translateY(40%);
opacity:0
}
}
@keyframes scrollDown { 0% {
-webkit-transform:translateY(-10%);
-moz-transform:translateY(-10%);
transform:translateY(-10%);
opacity:1
}
100% {
-webkit-transform:translateY(40%);
-moz-transform:translateY(40%);
transform:translateY(40%);
opacity:0
}
}


@-webkit-keyframes scrollUp { 0% {
-webkit-transform:translateY(15%);
transform:translateY(15%);
opacity:1
}
100% {
-webkit-transform:translateY(-15%);
transform:translateY(-15%);
opacity:0
}
}
@-moz-keyframes scrollUp { 0% {
-moz-transform:translateY(15%);
transform:translateY(15%);
opacity:1
}
100% {
-moz-transform:translateY(-15%);
transform:translateY(-15%);
opacity:0
}
}
@keyframes scrollUp { 0% {
-webkit-transform:translateY(15%);
-moz-transform:translateY(15%);
transform:translateY(15%);
opacity:1
}
100% {
-webkit-transform:translateY(-15%);
-moz-transform:translateY(-15%);
transform:translateY(-15%);
opacity:0
}
}






@-webkit-keyframes mouse { 0% {
-webkit-transform:none;
transform:none;
opacity:1
}
100% {
-webkit-transform:translateY(15px);
transform:translateY(15px);
opacity:0
}
}
@-moz-keyframes mouse { 0% {
-moz-transform:none;
transform:none;
opacity:1
}
100% {
-moz-transform:translateY(15px);
transform:translateY(15px);
opacity:0
}
}
@keyframes mouse { 0% {
-webkit-transform:none;
-moz-transform:none;
transform:none;
opacity:1
}
100% {
-webkit-transform:translateY(15px);
-moz-transform:translateY(15px);
transform:translateY(15px);
opacity:0
}
}